<%@ include file="../../inc/comunAjax.jsp" %>
<style>
	#aplicacionId {width: 350px}
	#empresaId     {width: 350px}
	#perfilId     {width: 350px}
	#ambitoId     {width: 100px}
	#codModoId     {width: 100px}
	#estadoId     {width: 100px}
	#codigoId     {width: 100px}
	#registro    {width: 100px}
	#oficinaId {width: 350px}
.ui-dropdownchecklist {
	font-size: medium;
	color: black;
	width: 350px;
}
.ui-dropdownchecklist-selector {
	height: 20px;
	border: 1px solid #ddd;
	background: #fff;
}

}
</style>
<form:form method="post" commandName="perfilEmpresa" enctype="application/x-www-form-urlencoded; charset=ISO-8859-1">
<form:hidden path="perfilEmpresaId" id="<s:dis/>"/>
<table class="tblFormulario">
	<tr><td class="etiqueta">Aplicaci&oacute;n <label class="asterisco">*</label></td>
		<td class="valor">
			<form:select path="aplicacionId" id="aplicacionId" onchange="cambiarAplicacion();" cssClass="obligatorio">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${aplicaciones}" itemValue="aplicacionId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	
	<tr><td class="etiqueta">Perfil <label class="asterisco">*</label></td>
		<td class="valor" id="tdPerfil">
			<form:select path="perfilId" id="perfilId" cssClass="obligatorio">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${perfiles}" itemValue="id.perfilId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	<tr><td class="etiqueta">Empresa <label class="asterisco">*</label></td>
		<td class="valor" id="tdEmpresa">
			<form:select path="empresaId" id="empresaId" cssClass="obligatorio" onchange="formatearOficinaUbicacion();"  >
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${lstEmpresasAsignacion}" itemValue="codEmpresa" itemLabel="nombreEmpresa" />
			</form:select>
		</td>
	</tr>
	<tr><td class="etiqueta">Modo <label class="asterisco">*</label></td>
		<td class="valor">
			<form:select path="modo.detalleId" id="modoId" cssClass="obligatorio" >
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${modos}" itemValue="detalleId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	<tr><td class="etiqueta">Ambito <label class="asterisco">*</label></td>
		<td class="valor">
			<form:select path="ambito.detalleId" id="ambitoId" cssClass="obligatorio" onchange="cambiarAmbito(false)">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${ambitos}" itemValue="detalleId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	<tr id="trCodigo">
		<td class="etiqueta" >C&oacute;digo <label class="asterisco" id="codigoId_">*</label></td>
		<td class="valor" >
			<form:input path="codigoId" cssClass="obligatorio" size="90" onchange="return buscarNombreAmbitoPorCodigo()" onkeypress="if (event.keyCode==13){ return false;}"/>
		</td>
	</tr>
	<tr id="trNombre">
		<td class="etiqueta" >Nombre <label class="asterisco" style="visibility: hidden;">*</label></td>
		<td class="valor noeditable" style="height: 26px;" >
			<label id="nombreLbl">${perfilEmpresa.nombre}</label>
			<form:hidden path="nombre"/>
		</td>
	</tr>
	<tr><td class="etiqueta">Restricci&oacute;n <label class="asterisco">*</label></td>
		<td class="valor">
			<form:select path="restriccion.detalleId" id="codModoId" cssClass="obligatorio" onchange="cambiarRestriccion(false)">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${restricciones}" itemValue="detalleId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	<tr id="trOficina">
	<td class="etiqueta">Tipo Oficina<label class="asterisco">*</label></td>
		<td class="valor" id="tdOficina">
	       <form:select path="lstOficinas" id="oficinaId" >
				<form:options  items="${lstOficinas}" itemValue="codTipoOficina" itemLabel="codTipoOficina" />
			</form:select>
	    </td>
	</tr>
	
	<tr id="trUbicacion">
	<td class="etiqueta">Ubicaci&oacute;n <label class="asterisco">*</label></td>
		<td class="valor" id="tdUbicacion">
	       <form:select path="lstUbicacion" id="ubicacionId">
				<form:options items="${lstUbicaciones}" itemValue="codUbicacion" itemLabel="codUbicacion" />
			</form:select>
	    </td>
	</tr>
	
	<tr>
		<td class="etiqueta">Estado <label class="asterisco">*</label></td>
		<td class="valor">
			<form:select path="estado.detalleId" id="estadoId" cssClass="obligatorio">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${estados}" itemValue="detalleId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	
	<tr >
		<td ><input type="hidden" id="ubicacionOcul"></td>
		<td><input type="hidden" id="oficinaOcul"></td>
	</tr>
	
	
	
	
</table>
</form:form>